@extends('/welcome')
<style type="text/css">
  .gonggao ul li{margin-top:10px;}
  .content ul li{margin-top:10px;}
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 15px;
    padding-left: 15px;
}
</style>
@section('zhong_content')
      <div class="col-md-12" style="height:30px;background:#F5F5F5;">
      <div class="col-md-1" style="height:30px;"></div>
      <div class="col-md-10" style="height:30px;">
        <form action="">
            <input type="text">
            <button>搜索</button>
        </form>
      </div>
      <div class="col-md-1" style="height:30px;"></div>
        
      </div>
  <div class="container">
        
      </div>
   <div class="row">
      <div class="col-md-1"></div>
      <div class="col-md-10">
          <div class="row">
              <!-- 轮播 -->
              <div class="col-md-3">
                <ul class="img">
                  <li><img src="/uploads/01.jpg" width="230px" alt=""></li>
                </ul>
                 
              </div>
              <!-- 无缝轮博 -->
              <!-- 无缝轮博 end-->
              <script type="text/javascript">
                  // alert($);
                  //定义全局变量
                  var i = 0;
                  //获取图片个数
                  var length = $('.img li').length;
                  // 封装向下移动函数
  var inte = setInterval(moveB,2000);
                  function moveB(){
                    i++;
                    // 判断是否越界
                    if(i == length){
                      i = 0;
                    }

                    //启动定时器

                    //计算left
                    var newTop = i*309;
                    //设置样式

                    //设置点的样式
                    // $('.banner .num li').eq(i).addClass('on').siblings().removeClass('on');
                  }
              </script>
              <!-- 公告防炸提醒 -->
              <div class="col-md-4"  style="background:#F5F5F5;margin-top:10px;margin-bottom:10px;">
                
                      <div class="col-md-12" style="height:30px;text-align:center;">【公告】防诈骗提醒</div>
                      <div class="col-md-12" style="">随着网民参与互联网活动的日益频繁，网络上的诈骗案件数量也呈上升的趋势，并且花样繁多、防不胜防。欺诈者利用不存在的高额现金...[详细]</div>
                      
                
                <div class="col-md-12" style="">
                <div class="col-md-3" style=""></div>
                <div class="col-md-9 gonggao" style="">
                  <ul>
                  <?php $i=0;?>
                  @foreach($notice as $k => $v)
                    <a href="" data-toggle="modal" data-target="#myModal<?php echo $i;?>"><li>{{$v->title}}</li></a>
                    <!-- Modal -->
                    <div class="modal fade" id="myModal<?php echo $i;?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                      <div class="modal-dialog">
                        <div class="modal-content">
                          <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                            <h4 class="modal-title" id="myModalLabel">资源频道</h4>
                          </div>
                          <div class="modal-body">
                              <div class="container">
                                 <div class="row">
                                 
                                    <div class="col-md-4 col-md-offset-2"><h2>{{$v->title}}</h2></div>
                                 </div><hr>
                                 <div class="row" style="letter-spacing:2px;text-indent:2em;">
                                    <div class="col-md-5">{{$v->content}}</div>      

                                 </div>
                              </div>
                          </div>                    
                        </div>
                      </div>
                    </div>
                       <?php $i++;?>                 
                  @endforeach
                  </ul>
                </div>
                    
                </div>
                
              </div>
              <!-- 热门看点 -->
              <div class="col-md-3" style="height:200px;margin-top:10px;margin-bottom:30px;">
                <div class="col-md-4 remen"  style="height:30px;width:50px;margin-left:30px;margin-right:10px;background:#F5F5F5;text-align:center;line-height:30px;">热门看点</div>
                <div class="col-md-4 renqi"  style="height:30px;width:50px;margin-left:30px;background:#F5F5F5;text-align:center;line-height:30px;">人气排行</div>
                <div class="col-md-12 content"  style="height:200px;">
                    <?php $i = 1;$a = 0; ?>
                    <ul>
                    @foreach($remen as $kk => $vv)
                    <a href="" data-toggle="modal" data-target="#myModal<?php echo $a;?>"><li><span style="width:15px;heigth:15px;background:#39BCBC;text-align:center"><?php echo $i; ?></span>{{$vv->title}}</li></a>
                    <!-- Modal -->
                    <div class="modal fade" id="myModal<?php echo $a;?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                      <div class="modal-dialog">
                        <div class="modal-content">
                          <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                            <h4 class="modal-title" id="myModalLabel">资源频道</h4>
                          </div>
                          <div class="modal-body">
                              <div class="container">
                                 <div class="row">
                                 
                                    <div class="col-md-4 col-md-offset-2"><h2>{{$vv->title}}</h2></div>
                                 </div><hr>
                                 <div class="row" style="letter-spacing:2px;text-indent:2em;">
                                    <div class="col-md-5">{{$vv->content}}</div>      

                                 </div>
                              </div>
                          </div>                    
                        </div>
                      </div>
                    </div>
                       <?php $a++;?>
                       <?php $i++;?>
                    @endforeach
                    </ul>
                </div>
                

              </div>  
          </div>
      </div>      
      <div class="col-md-1"></div>
   </div>

</div>
@endsection
@section('myjs')
   <script type="text/javascript">
      $('.remen').click(function(){

      })
      $('.reqi').click(function(){

      })
   </script>
@endsection
